{% extends "base.html" %}

{% block container %}
{% if 124|authorized %}
<div class="modal fade action-sheet" id="actionSheetIconed" tabindex="-1" role="dialog" style="display: none;" aria-hidden="true">
    <div class="modal-dialog full-sheet" role="document">
        <div class="modal-content">
            <div class="modal-header text-center d-block">
                <h5 class="modal-title text-center">选择审核对象</h5>
            </div>
            <div class="modal-body">
                <ul class="action-button-list">
                    {% if 12|authorized %}
                    <li>
                        <a href="#" class="btn btn-list" data-dismiss="modal">
                            <span><i class="ti-hand-stop"></i>报名</span>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="btn btn-list" data-dismiss="modal">
                            <span><i class="ti-clipboard"></i>义工</span>
                        </a>
                    </li>
                    {% endif %}
                    {% if 44|authorized %}
                    <li>
                        <a href="#" class="btn btn-list" data-dismiss="modal">
                            <span><i class="ti-thought"></i>感想</span>
                        </a>
                    </li>
                    {% endif %}
                    <li class="action-divider"></li>
                    <li class="pb-1">
                        <a href="#" class="btn btn-list text-danger" data-dismiss="modal">
                            <span><i class="ti-close"></i>关闭</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endif %}
<div id="perspective" class="perspective effect-airbnb modalview ">
    <div class="main-wrapper">
        <div class="main-content"  >
            <header class="bg-white style2 pt-3 pb-0 bg-home">
                <div class="row">
                    <div class="col-sm-4 text-left pos-top">
                        <a href="#" class="menu-btn mt-0" id="sidebar-right"><span></span></a>
                    </div>
                    <div class="col-sm-4 text-center pos-top">
                        <a href="#" class="logo d-block mt-1"><img src="static/image/logo.png" alt=""></a>
                    </div>
                </div>
            </header>

            <div class="preloader-wrap p-3">
                <div class="box shimmer">
                    <div class="lines">
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                    </div>
                </div>
                <div class="box shimmer mb-3">
                    <div class="lines">
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                        <div class="line s_shimmer"></div>
                    </div>
                </div>
            </div>

            <div class="app-body p-4" id="alert-container">
                {% if error %}
                <div class="alert alert-dismissible alert-danger" id="alert" role="alert">
                    <p class="mb-0">{{ error }}</p>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
                {% endif %}
                {% block main %}{% endblock %}
            </div>
        </div>
        <nav class="navigation style6 style1">
            <div class="container pl-0 pr-0">
                <div class="nav-content" style="background-color: #fff;">
                    <ul>
                        <li><a href="/class" class="nav-content-bttn"><i class="ti-ink-pen"></i>班级</a></li>
                        {% if 124|authorized %}
                        <li><a href="/audit" class="nav-content-bttn nav-center" data-toggle="modal" data-target="#actionSheetIconed"><i class="ti-stamp"></i>审核</a></li>
                        {% endif %}
                        <li><a href="/" class="nav-content-bttn"><i class="ti-menu"></i>主页</a></li>
                        <li><a href="/volunteer" class="nav-content-bttn"><i class="ti-clipboard"></i>义工</a></li>
                        <li><a href="/thought"class="nav-content-bttn "><i class="ti-thought"></i>感想</a></li>                        
                    </ul>
                </div>
            </div>
        </nav>
    </div>
    <nav class="outer-nav left vertical ">
        <header class="bg-tranparent style2 mt-3 pb-0 bg-home">
            <div class="row">
                <div class="col-sm-4 text-left pos-top">
                    <a href="#" class="menu-btn mt-0" id="close-sidebar"></a>
                </div>
                <div class="col-sm-4 text-center pos-top">
                    <a href="#" class="logo d-block mt-1"><img src="images/logo-white.png" alt=""></a>
                </div>
            </div>
        </header>
        <ul class="nav-item"> 
            <li class="menu-text text-left">
                <h4>{{ username }}</h4>
                <h4><small>{{ userauth|auth2str }}</small></h4>
                <i>{{ userid }}</i>
            </li>
            <li><a href="/notice"><i class="ti-bell"></i>通知</a></li>
            <li><a href="/about"><i class="ti-more"></i>关于我们</a></li>
            <li class="flex-lg-brackets"><a href="/settings"><i class="ti-settings"></i>设置</a></li>
            <li><a href="/logout"><i class="ti-lock"></i>登出</a></li>
            
        </ul>
    </nav>
</div>
{% endblock %}